window.addEventListener("load", init);

function init() {
	//ejecutarAJAX_GET("./php/getPeliculas.php", mostrarPeliculas);
	 myAjaxRules.ejecutarAJAX({
        method: "POST",                
        url: "./php/getPeliculas.php", 
        funcionRespuesta: mostrarPeliculas,
        descripcion: "Obtener Peliculas",
        reglasBloqueo: []
    });    
    return false;
}


function mostrarPeliculas (JSONPeliculas) {
    
    var peliculas = JSON.parse(JSONPeliculas);
    for (var i in peliculas) {
        cine.peliculas.addPelicula(peliculas[i].idPelicula, peliculas[i].nombrePelicula);     
    }    
    cargarDatosPeliculas();
    eventoMostrarPelicula();
}    

function cargarDatosPeliculas() {
	
    var divPeliculas = document.getElementById("peliculas");          
    var peliculas = cine.peliculas;    
    var html = "";
    var i = 0;     
     
    for (i in peliculas.peliculas_array) {        
        var pelicula = cine.peliculas.peliculas_array[i];
        html += '<div id="'+ pelicula.idPelicula +'" data-pelicula="'+ pelicula.idPelicula +'" class="peliculasnombres">';
        html += pelicula.nombrePelicula;
        html += '</div>';
         
    }
    divPeliculas.innerHTML = html;
    
  
}  

function eventoMostrarPelicula() {  
    var peliculas = document.querySelectorAll(".peliculasnombres");
    var i;
    
    for (i in peliculas) {
    	
        peliculas[i].onclick = function (event) {
        	
            var id = this.dataset.pelicula;
            var datos = {
                idPelicula: id
            }   
           
           if(comprobarEstado(id)){                  
            //ejecutarAJAX_GET("./php/getPelicula.php",cargarDatosPelicula, datos, id);
            myAjaxRules.ejecutarAJAX({
        			method: "GET",                
			        url: "./php/getPelicula.php", 
        			funcionRespuesta: cargarDatosPelicula,
        			//fnProgreso: progresoLoadCategoria,
        			//selectorThis: event.target,
        			datosCallback: id,
        			palabraBloqueo: "cargarDatosPelicula"+id,
        			JSObject:datos,
        			descripcion: "Obtener Peliculas",        			
        			ajaxTimeout: 7000,
        			//tiempoMinimo: 30000,
        			//datosCallback: id,
        			//autoCierreAlertas: false   
        			reglasBloqueo: [
        			 /*[{
        			 	permitir:true,
        			 	regExp: new RegExp ("cargarDatosPelicula")
        			 }],*/
               		 [{
                    permitir: false,
                    regExp: new RegExp ("cargarDatosPelicula"+id)
               		 }
               		 ]
               		 ],
        			selectoresEstilo: [
                 	 {
                      selector: event.target,
                      classes:
                     {
                        valorPreparar:"ajax_esperar ajax_stripes ajax_progress-bar",
                        valorFinalizar: "ajax_RESET",
                        valorError: "ajax_error"
                     }
                    },
                    {
                    selector: "#login_all",
                    estilos: [
                    {
                        propiedad: "visibility",
                        valorPreparar: "hidden",
                        valorFinalizar: "",
                        valorError: ""
                    }
                    ] 
               		 }
                    ]
    			});    
			    return false;

    		}
        }
    }
}

function comprobarEstado(id){			
		//Comprobacion viendo si tiene hijos.		
		divPelicula = document.getElementById(id);
				
		if (divPelicula.childNodes.length > 1){
			var idPel=document.getElementById('datos_pel'+id);
				
				if(idPel.className=="peliculavacia"){
					idPel.className="peliculaactiva";
					return false;
				}else{
					idPel.className="peliculavacia";
					return false;
				}			
		}else{
			return true;
		}		
}    
    
function cargarDatosPelicula(JSONPelicula)  {
	    
  	var pelicula = JSON.parse(JSONPelicula);    
    var divPelicula = document.getElementById(pelicula.idPelicula);
    var divInfoPelicula = document.createElement("div");  
    divInfoPelicula.className = "datosPelicula";  
    
    var html = "";
    html +='<label id=datos_pel'+pelicula.idPelicula+' </label>';     
    html +='<table><tr><td><div id="imagen_pelicula"><img src='+ pelicula.imagen +' /></div></td>';
    html +='<td><div <div id="datos_lista">';
    html +='<ul><li><label class="director">Director: '+ pelicula.director +'</label></li>'          
    html +='<li><label class="fecha_estreno">Fecha de Estreno: '+ pelicula.fechaEstreno +'</label></li>'
    html +='<li><label class="genero">Genero: '+ pelicula.genero +'</label></li>';
    html +='<li><label class="precio">Precio: '+ pelicula.precio +'€</label></li></ul></td></tr>';                 
    html +='<tr><td><div id="rating_pelicula">5*****</div></td>';
    if(userName==null)//Comprobamos que este logueado
    	html +='<td><div id="boton_pelicula"><a href="registro.html">Registrarse</a></div></td></tr></table>';
    else
    	html +='<td><div id="boton_pelicula"><a href="php/compra.php?id='+pelicula.idPelicula+'">Comprar Entradas</a></div></td></tr></table>';	
    
    divInfoPelicula.innerHTML = html;
    divPelicula.appendChild(divInfoPelicula);   
    
}


function progresoLoadCategoria(params) {  
    if (!params.progreso) {
        params.progreso = 25;
    } else if (params.progreso < 65 ){
        params.progreso += 10;
    } else if (params.progreso < 80) {
        params.progreso += 5;
    } else if (params.progreso <= 95) {
        params.progreso +=1;
    }
    
        
    if (params.readyState >=1 && params.readyState < 5) {        
        $(params.selectorThis).css("width",params.progreso+ "%");
    } else {
        $(params.selectorThis).css("width", "");
    }      

}
